import React, { useEffect , useState} from 'react'
import Item from './Item'
import PubSub from 'pubsub-js'

export default function List() {
  // 初始化一个state  保存订阅回来的数据,当数据发生改变,视图重新渲染
const[seach,setSeach]=useState([])
  // 初始化订阅
  useEffect(()=>{
    PubSub.subscribe("Github",(_,data)=>{
      console.log(data)
      setSeach(data.data.items)

      
    })
  },[])
  return (
    <div className="row">
   {
    seach.map(item=>{
      return <Item key={item. id} {...item}/>
    })
   }
   

  </div>
  )
}
